@require "../../css/variables.styl"

.modal
  position: fixed
  top: 0
  left: 0
  right: 0
  bottom: 0
  overflow: auto
  background: rgba(0, 0, 0, 0.6)

.modal-dialog
  position: relative
  margin-left: auto
  margin-right: auto
  margin-top: 120px
  margin-bottom: 20px
  background: #fff
  border-radius: 4px
  min-width: 500px
  max-width: 1024px

.modal-title
  position: relative
  line-height: 48px
  min-height: 48px
  font-size: 16px
  padding: 0 20px
  color: $color-modal-title-text
  border-bottom: solid 1px $color-modal-title-border

  button
    position: absolute
    font-size: 14px
    right: 10px
    top: 12px

    &.btn-link
      color: $color-modal-close-button

    &:hover, &:active
      color: darken($color-modal-close-button, 30%)

.modal-body
  padding: 15px

.confirm-modal
  .modal-dialog
    min-width: inherit

.confirm-modal-text
  word-break: break-all
  white-space: normal
  padding-bottom: 10px
  border-bottom: solid 1px #e9e9e9

.confirm-modal-opts
  text-align: right
  padding-top: 10px
  button
    display: inline-block
    margin-left: 10px


